// 工具类函数
@import './mixin.scss';

@import './inital.scss';

image {
  width: 100%;
  height: 100%;
}

.border {
  border: 1*2upx solid #f0f0f0;
}

.border_bottom {
  border-bottom: 1*2upx solid #f0f0f0;
}

.border_left {
  border-left: 1*2upx solid #f0f0f0;
}

.border_right {
  border-right: 1*2upx solid #f0f0f0;
}

.border_color_1E {
  border-color: #1E1E1E;
}

.text_indent_11 {
  text-indent: 11*2upx;
}

.text_align_right {
  text-align: right;
}

.text_align_left {
  text-align: left;
}

.text_align_center {
  text-align: center;
}

.margin_tb_10 {
  margin-top: 10*2upx;
  margin-bottom: 10*2upx;
}

.margin_tb_15 {
  margin-top: 15*2upx;
  margin-bottom: 15*2upx;
}

.margin_bottom_10 {
  margin-bottom: 10*2upx !important;
}

.margin_bottom_15 {
  margin-bottom: 15*2upx;
}

.margin_bottom_20 {
  margin-bottom: 20*2upx;
}

.margin_bottom_30 {
  margin-bottom: 30*2upx;
}

.margin_left_20 {
  margin-left: 20*2upx;
}

.margin_left_15 {
  margin-left: 15*2upx !important;
}

.margin_top_20 {
  margin-top: 20*2upx !important;
}

.margin_top_10 {
  margin-top: 10*2upx !important;
}

.margin_top_30 {
  margin-top: 30*2upx !important;
}

.margin_top_15 {
  margin-top: 15*2upx;
}

.margin_20 {
  margin: 20*2upx;
}

.margin_10 {
  margin: 10*2upx;
}

.margin_right_30 {
  margin-right: 30*2upx;
}

.margin_right_5 {
  margin-right: 5*2upx;
}

.margin_right_10 {
  margin-right: 10*2upx !important;
}

.margin_right_15 {
  margin-right: 15*2upx !important;
}

.margin_right_20 {
  margin-right: 20*2upx !important;
}

.margin_left_10 {
  margin-left: 10*2upx !important;
}

.padding_10 {
  padding: 10*2upx;
}

.padding_15 {
  padding: 15*2upx;
}

.padding_20 {
  padding: 20*2upx;
}

.padding_top_10 {
  padding-top: 10*2upx;
}

.padding_top_20 {
  padding-top: 20*2upx;
}

.padding_left_10 {
  padding-left: 10*2upx;
}

.padding_left_20 {
  padding-left: 20*2upx;
}

.padding_left_40 {
  padding-left: 40*2upx;
}

.padding_right_10 {
  padding-right: 10*2upx;
}

.color_999 {
  color: #999;
}

.color_222 {
  color: #222;
}

.color_333 {
  color: #333;
}

.color_fff {
  color: #fff;
}

.color_danger {
  color: #ff4949;
}

.color_info {
  color: #1E1E1E
}

.color_success {
  color: #13ce66
}

.color_warning {
  color: #FFBA00;
}

.color_primary {
  color: #1B44AB;
}

.color_primary_light {
  color: #3053aa;
}

.bg_primary {
  background-color: #1B44AB;
}

.height_300 {
  height: 300*2upx;
}

.height_200 {
  height: 35vh;
}

.height_100 {
  height: 100*2upx;
}

.height_26 {
  height: 26*2upx;
}

.height_100_p {
  height: 100%;
}

.bg_f5 {
  background-color: #F5F5F5;
}

.bg_ff {
  background-color: #fff;
}

.font_size_16 {
  font-size: 16*2upx;
}

.font_size_12 {
  font-size: 12*2upx !important;
}

.font_size_14 {
  font-size: 14*2upx !important;
}

.font_size_15 {
  font-size: 15*2upx !important;
}

.font_size_mini {
  font-size: 12*2upx !important;
}

.font_size_24 {
  font-size: 24*2upx;
}

.font_weight_bold {
  font-weight: bold;
}


.line_height_40 {
  line-height: 40*2upx;
}

.line_height_48 {
  line-height: 48*2upx;
}

.line_height_30 {
  line-height: 30*2upx !important;
}

.line_height_36 {
  line-height: 36*2upx;
}

.line_height_26 {
  line-height: 26*2upx;
}

.line_height_24 {
  line-height: 24*2upx;
}

.dashed {
  border-top: 1*2upx dashed #EDEDED;
}

.border_active {
  border-bottom: 2*2upx solid #eee;
}

.flex_1 {
  flex: 1
}

.flex_2 {
  flex: 2
}

.flex_between {
  justify-content: space-between;
}

.width_80 {
  width: 80*2upx;
}

.width_60 {
  width: 60*2upx;
}

.width_70 {
  width: 70*2upx !important;
}

.width_200 {
  width: 200*2upx;
}

.width_100p {
  width: 100%;
}

.width_30p {
  width: 30%;
}

.widht_33p {
  width: 33.3%;
}

.width_50p {
  width: 50%;
}

.width_25p {
  width: 25%;
}

.width_20p {
  width: 20%;
}

.width_19p {
  width: 19%;
}

.width_45p {
  width: 45%;
}

.text_over {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.text_over_more {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.fixed_btn {
  position: fixed;
  bottom: 0;
  width: 100%;
  // padding: 20*2upx 10px;
  // box-sizing: border-box;
  // background: #fff;
  // border-top: 1*2upx solid #f0f0f0;
  z-index: 3;
}

.pointer {
  opacity: 0.8;

  &:hover {
    cursor: pointer;
    text-decoration: underline;
    opacity: 1
  }
}

input[type="date"],
input[type="time"] {
  appearance: none;
  padding-right: 0;
  padding-left: 5*2upx;
}

// input[type="time"]::before{
//   color: #999;
//   content: attr(placeholder);
// }
// input[type="date"]:focus::before {
//   content: "" !important;
// }
.text_underline {
  text-decoration: underline;
}

uni-button[type=primary] {
  background-color: $main-color;
}

uni-button[disabled][type=primary] {
  background-color: rgba(0, 74, 165, .65);
}


.card {
  background-color: #fff;
  border-radius: 16rpx;
}


.template-page {
  max-width: 100vw;
  overflow: hidden;
  position: relative;

  &>.content {
    align-items: stretch;
    height: 100vh;
    /* #ifdef H5 */
    height: calc(100vh - 44px);
    /* #endif */
    display: flex;
    justify-content: space-between;
    gap: 16rpx;

    .left-page {
      overflow-y: auto;
      padding-top: 20rpx;
    }

    .template {
      padding-bottom: 224rpx;
    }

    .left-page,
    .template {
      flex: 0 0 50%;
      background-color: #fff;
    }
  }

  .download-btn {
    position: absolute;
    bottom: 160rpx;
    right: 40rpx
  }

  .footer-btn {
    position: absolute;
    bottom: 40rpx;
    right: 40rpx;
  }
}

.sign-img {
  width: 180rpx;
  height: 70rpx;
}